// 动画持续时间
.frame-duration {
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
}
[v-cloak] { display: none }
.yuwolegequ { height:40px; width:104px; margin-top:13px;
	img { width: 90%; }
}
.login-input.verficode { width:200px; }
.copyright { font-size: 12px; color: rgba(255,255,255, 1); position: fixed; width: 450px; right: 60px; bottom: 40px; }
.application-box { width:900px; height:388px; left:50%; top:50%; margin-left:-450px; margin-top:-170px; }
.application-icon { width:288px; height:100%; }
.application-img { width:100%; height:288px; border-radius:100%; background-color:rgba(255, 255, 255, 0.2); background-repeat:no-repeat; background-position:center; position:relative; overflow:hidden; }
.app-console { background-image:url('../../images/app-console.png'); }
.app-center { background-image:url('../../images/app-center.png'); }
.application-label { color:#FFF; font-size:20px; margin-top:36px; }
.app-action { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); .frame-duration; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
.app-scale { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; }
.navbar { position:relative; min-height:50px; background-color:@navbar-color; border-radius:0; z-index:10; }

// Centered container element
.container-fixed { margin-right: auto; margin-left: auto; &:extend(.clearfix all);}
.container {
	.container-fixed();
	@media (min-width: @screen-sm-min) { width: @container-sm; }
	@media (min-width: @screen-md-min) { width: @container-md; }
	@media (min-width: @screen-lg-min) { width: @container-lg; }
}
.navbar-vertical-align(@element-height) { margin-top: ((@navbar-height - @element-height) / 2); margin-bottom: ((@navbar-height - @element-height) / 2); }
.navbar-vertical-align2(@element-height) { padding-top: ((@navbar-height - @element-height) / 2); padding-bottom: ((@navbar-height - @element-height) / 2); }
.navbar-brand { float: left; height: @navbar-height; .navbar-vertical-align2(30); padding-left: 15px; padding-right:15px; font-size: 18px; line-height: 20px; }
.navbar-header .navbar-toggle { border:1px solid @navbar-font-color; }
.navbar-toggle .icon-bar { background-color: @navbar-font-color; }
.navbar-nav>li>a { color:@navbar-font-color; }
.dada, .dada2 { width:100%; background-color:lighten(@navbar-color, 10%); border:1px solid lighten(@navbar-color, 10%); top:100%; left:0; .frame-duration; display:none; color:@navbar-font-color;
	.dada-item { padding:5px 10px;
		&:hover { background-color:lighten(@navbar-color, 15%); }
	}
}
.nav>li>a:focus, .nav>li>a:hover {
	background-color:lighten(@navbar-color, 10%);
	&:hover .oscar-arrow { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); }
	&:hover .dada { display:block; }
}
.left-sidebar { transition: all .4s ease-in-out; width: 240px; min-height: 100%; padding-top: 57px; position: absolute; z-index: 9; top: 0; left: 0; background-color: @left-sidebar-color; padding-top: 110px;; .frame-duration; @media (max-width: @screen-sm-min) { left:-240px; } }
.el-menu { border-radius:0; color:@navbar-font-color; background-color:@left-sidebar-color; }
.el-menu-item, .el-submenu__title { color:@navbar-font-color; &:hover {text-decoration:none;} }
.el-submenu .el-menu-item:hover, .el-submenu__title:hover, .el-submenu .el-menu:focus { background-color:lighten(@navbar-color, 15%); color:@navbar-font-color; }
.el-submenu .el-menu, .el-submenu.is-opened > a { background-color:@navbar-color; }
.menu-toggle-btn { background-color:#FFF; border:1px solid @navbar-color; border-right:0; width:26px; height:26px; line-height:26px; top:70px; right:0; border-radius:3px 0 0 3px; color:#575759; .frame-duration; &:hover {text-decoration:none;} }
.menu-toggle-bg { background:@navbar-color; color:@navbar-font-color; &:focus {color:@navbar-font-color;} }
.el-submenu.is-active .el-submenu__title { background-color: #20a0ff; }
.main-box { padding-left:240px; .frame-duration; @media (max-width: @screen-sm-min) { padding-left:0; } }
.main-container { padding:20px 40px; }
.bread-link-box { height:39px; line-height:39px; color:#9295A0; }
.main-container-header-line { border-bottom:1px solid @border-color; }
.search-bar { margin-top:40px; height:47px; line-height:47px;
    h5 {color:#FFF; height:47px; width:220px; text-align:center; background:#20A1FF; margin:0; line-height:47px;}
}
.component-panel { border:1px solid @border-color; }
.component-panel-title { background:#F9F9F9; height:34px; line-height:34px; padding-left:10px; }
.component-panel-subtitle { background:#F9F9F9; height:20px; line-height:20px; padding-left:10px; border-bottom:1px solid @border-color; }
.component-info-left { border-bottom:1px solid @border-color; width:100%; height:120px; padding-top:25px; }
.component-info-right { width:100%; cursor:pointer; &:hover span {text-decoration:underline;} }
.component-header {border:1px solid @border-color; padding:10px; min-height:80px;}
.new-component {height:46px; line-height:46px;
    a {height: 100%; &:hover {color:@white; background:@blue; text-decoration:none;} }
    .operation {width:50%; text-align:center; &:first-child {border-right:1px solid @border-color;} }
}
.instance-tab-container {padding:0 10px;}
.instance-detail-info { border-bottom: 1px solid @border-color; padding-bottom: 10px; line-height: 25px; }
.instance-detail-left { height: 130px; border-right: 1px solid @border-color; min-width:218px;
    .instance-detail-left-one {line-height:130px;}
    .instance-detail-left-two { padding-top: 49px; padding-left: 5px; }
}
.oscar-progress {margin-bottom:0; height:18px; .progress-bar {text-align:right; font-size:12px; padding-right:5px;} }
.gege { @media (max-width: @screen-sm-min) { display:none; } }
.table {border:1px solid @border-color;}
.oscar-table-header {background:@table-header-color !important;}
.is-disabled { color: #bfcbd9; cursor: not-allowed; }
.oscar-info-header h5 {padding:10px 0; border-bottom:1px solid @border-color; padding-left:20px; margin:0;}
.dialog-from-title { background: #EEF1F6; padding: 8px 17px; margin-bottom: 15px; }
.oscar-chart-box { width: 300px;border:1px solid @border-color; }
.xiaogeli {padding:5px 20px;}
.zhongxian {color:#848482; text-decoration:line-through; text-decoration-color:#FF4949;}
.component_item_flexible { display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; }
.component_item_head { display: -ms-flexbox; display: flex; border-left: 1px solid #c4cdda; padding: 1rem; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-flow: row; flex-flow: row; }
.search-box {
   padding-top: 25px;
   border: 1px solid @border-color;
   border-radius: 3px;
   padding-left: 15px;
}

// 查询条件
.my-condition {
    border-bottom: 1px dashed @border-color;
    padding-bottom:10px;
}
.sfilter-tag {
	position: relative;
}
.sfilter-tag dt {
	float: left;
	height: 24px;
	line-height: 24px;
	padding-right: 10px;
	font-weight: normal;
	margin-right: 10px;
	color: #9a9a9a;
	font-size: 13px;
}
.sfilter-tag dt {
	font-size: 14px;
	color: #9a9a9a;
	width: 100px;
	line-height: 1.80571;
}
.sfilter-tag dd {
	float: left;
	color: #e7e7e7;
}
dd {
	margin-left: 0;
}
.sfilter-tag dd a, .sfilter-tag dd .a {
	display: inline-block;
	padding: .1em 0.6em .2em;
	margin: 0 4px 8px;
	border-radius: 1px;
	text-align: center;
}
.sfilter-tag a, .sfilter-tag .a {
	font-size: 14px;
	color: #222;
	cursor: pointer;
}
.sfilter-tag a:hover {
	color: #fff;
}
.sfilter-tag dd a:hover {
	border-radius: 0px;
	background: #128cec;
}
a.v3_a_more {
	color: #979797;
}
a.v3_a_more:hover {
	color: #128bed;
	text-decoration: none;
}
#searchBox {
	padding: 20px 20px 0;
	border: 1px solid #e2e2e2;
	border-radius:4px;
}
.m_srchList {
	max-width: 100%;
	background-color: transparent;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
table.m_srchList, table.m_srchList tr, table.m_srchList tr td, table.m_srchList tr th {
	margin: 0px;
	padding: 0px;
}
table.m_srchList tr {
    border: #eee 1px solid;
    border-left: 0;
    border-right: 0;
    border-collapse: collapse;
}
table.m_srchList tbody tr {
    background: white;
}
table.m_srchList tr td {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    color: #666;
    padding-top: 20px;
    padding-bottom: 20px;
}
table.m_srchList tr td.imgtd {
    padding-left: 20px;
}
table.m_srchList tr td img {
    width: 80px;
    max-height: 80px;
    border-radius: 4px;
}
table.m_srchList .ma_h1 {
    display: inline-block;
    font-size: 18px;
    color: #222;
    font-weight: bold;
    padding-bottom: 0px;
    max-height: 100px;
    max-width: 550px;
}
#ajaxlist em {
    color: #FD485E;
    font-style: normal;
}
.ntag {
    height: 22px;
    font-weight: normal;
    display: inline-block;
    line-height: 14px;
    font-size: 12px;
    padding: 4px 8px 4px 8px;
    margin-right: 4px;
    border-radius: 2px;
}
.ntag.text-primary {
    color: #128BED;
    background: #E7F4FF;
}
#searchlist p {
    margin: 5px 0 3px;
    color: #666;
}
.text-primary {
    color: #128bed;
}
.m-l {
    margin-left: 15px;
}
#searchlist p {
    margin: 5px 0 3px;
    color: #666;
}
.my-table-box { border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-top:1px solid #e2e2e2; border-radius:4px; }
.search-info-no {
    color:#CCC; margin-left:20px;
}
// 首页样式
.xiao-zhuan-feng {

	.my-project {
		font-size:20px;
		font-weight:bold;
	}

	.my-project-type {
		margin-left:20px;
		color: #747b88;
		border-bottom:2px solid transparent;
	}

	.my-project-type.selected {
		border-bottom:2px solid #409eff;
	}

	.my-project-name {
		color:#1e2f39;
	}

	.my-project-status {
		color:#959aa3;
	}

	.user-header {
		border-radius:100%;
		overflow:hidden;
		width:28px;
		height:28px;
		display:block;
		img {width:100%; height:100%;}
	}

	.user-header2 {
		.user-header;
		width:38px;
		height:38px;
	}

	.user-header-box {
		top:2px;
		right:0px;
	}

	.user-header {
		top:0;
	}

	.xiao-heng {
		display: block;
		height: 1px;
		width: 100%;
		margin: 12px 0;
		background-color: #F1F1F1;
    position: relative;
	}

	.xiao-shu {
		display: inline-block;
		width: 1px;
		height: 50px;
		margin: 0 8px;
		vertical-align: middle;
		position: relative;
		background-color: #F1F1F1;
	}

	.xiao-info {
		width:~"calc((100% - 17px) / 2)";
		text-align:center;
	}

	.da-di-ba {
		width:100%;
		height:25px;
		line-height:25px;
		bottom:0;
		left:0;
		font-size:18px;
		color:#9fa2a9;
		padding:0 20px;
	}

	.niao-ren {
		margin-top:8px;
		background: #eff1f5;
		color: #9a9eac;
		padding: 5px 20px;
	}

	.ni-ma-bi:last-child {border:0 !important;}

	.beibei {
	   margin-top:4px; border-radius:100%; height:50px; width:50px; text-align:center; line-height:63px; color:#FFF; background:#409eff;
	}
}
